<template>
	<view class="Jshopclass_wp">
		<view class="Jshopclass_list" v-for="item in Jinfo" @click="$navTo(item.url)">
			<image :src="item.thumb" mode="widthFix"></image>
			<text>{{item.title}}</text>
		</view>
	</view>
</template>

<script>
export default{
	props:{
		JinterFace:{
			type:Object,
			default:()=>{
				return{
					Jfile:{
						type:String,
						default:''
					},
					Jrout:{
						type:String,
						default:''
					}
				}
			}
		},
		// 初始化接收数据
		Jinfo:{
			type:Array,
			default:()=>[]
		}
	}
}
</script>

<style>
.Jshopclass_wp{
	background-color: #FFFFFF;
	border-radius: 20upx;
	color: #303133;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	flex-wrap: wrap;
	font-size: 28upx;
	margin: 0 20upx 20upx;
	position: relative;
	overflow: hidden;
}
.Jshopclass_list{
	padding-bottom: 20upx;
	text-align: center;
	width: 20%;
}
.Jshopclass_list image{
	width: 100%;
}
.Jshopclass_list text{
	display: block;
}
</style>
